﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Z16.BLI.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login</title>
    <style>
    body{
      background-color:#11a6d4;
    }
    #login-box{
      background-color:#483D8B;
      width:380px;
      height:260px;
      margin:140px auto 0px;
      border-radius:5px;
    }
    #login-box-interno{
      background-color:white;
      width:360px;
      height:240px;
      position:absolute;
      margin:10px;
      border-radius:5px;
      box-shadow:0px 0px 5px #6495ED;
      overflow:hidden;
    }
    #login-box-label{
      height:45px;
      text-align:center;
      font:bold 14px/45px sans-serif;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      
      background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfc', endColorstr='#ecf1f4',GradientType=0 ); /* IE6-9 */
      
      border-bottom:1px solid white;
      box-shadow:1px 0px 3px black;
      color:#555555;
      text-shadow:1px 0px 1px white;      
    }
    .input-div{
      margin:20px;
      padding:5px;
      background-color:#f2f5f7;
      border-radius:3px;
    }
    .input-div input{
      width:310px;
      height:35px;
      padding-left:3px;
      font:normal 13px san-serif;
      color:#aeaeae;
      border-radius:3px;
      border:1px solid #bfc4c6;
      outline:none;
    }
    .input-div:hover{
      background-color:#e0f1fc;
    }
    .input-div:hover input{
      border-color:#7d6cdd;
    }
    #input-senha{
      margin-top:-10px;
    }
    #botoes{
      width:310px;
      margin-left:25px;
    }
    #botao{
      float:right;
      padding:5px 15px;
      font:bold 12px sans-serif;
      border-radius:20px;
      text-shadow:0px 1px 0px white;
      border:1px solid #9eb9c3;
      
      background: rgb(237,246,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(237,246,249,1) 1%, rgba(205,229,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(237,246,249,1)), color-stop(100%,rgba(205,229,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(237,246,249,1) 1%,rgba(205,229,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(237,246,249,1) 1%,rgba(205,229,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(237,246,249,1) 1%,rgba(205,229,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(237,246,249,1) 1%,rgba(205,229,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf6f9', endColorstr='#cde5ee',GradientType=0 ); /* IE6-9 */

      color:#527988;
    }
    
    #botao:hover{
      background: rgb(205,229,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(205,229,238,1) 0%, rgba(237,246,249,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,229,238,1)), color-stop(99%,rgba(237,246,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(205,229,238,1) 0%,rgba(237,246,249,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(205,229,238,1) 0%,rgba(237,246,249,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(205,229,238,1) 0%,rgba(237,246,249,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(205,229,238,1) 0%,rgba(237,246,249,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde5ee', endColorstr='#edf6f9',GradientType=0 ); /* IE6-9 */

      cursor:pointer;
    }
    
    #lembrar-senha{
      font:normal 12px sans-serif;
    }
  </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="login-box">
            <div id="login-box-interno">
                <div id="login-box-label">Login</div>
                <div id="lblmsg">
                    <asp:Label ID="lblmsg" runat="server" Visible="False"></asp:Label>
                </div>
                <div class="input-div" id="input-usuario">
                    <asp:TextBox ID="txtLogin" runat="server" Text="Login" onClick=" if(value=='Login') value=' '; "></asp:TextBox>
                </div>
                <div class="input-div" id="input-senha">
                    <asp:TextBox ID="txtSenha" runat="server" TextMode="Password" Text="Senha" onClick=" if(value=='Senha') value=' '; "></asp:TextBox>
                </div>
                <div id="botoes">
                    <asp:Button ID="botao" runat="server" Text="Entrar" onclick="btnLogin_Click" />
                    <div id="lembrar-senha"><input type="checkbox"/>Recuperar Senha</div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
